﻿<!DOCTYPE html>
<html>
  <head>
    <title>主题</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/主题/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/主题/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- 手机模型 (组合) -->
      <div id="u5657" class="ax_default" data-label="手机模型" data-width="479" data-height="939">

        <!-- Unnamed (图片) -->
        <div id="u5658" class="ax_default _图片1">
          <img id="u5658_img" class="img " src="images/登录／注册-跨页面控制动态面板/u763.png"/>
          <!-- Unnamed () -->
          <div id="u5659" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u5660" class="ax_default _形状">
          <div id="u5660_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u5661" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 顶部栏 (组合) -->
      <div id="u5662" class="ax_default" data-label="顶部栏" data-width="426" data-height="56">

        <!-- Unnamed (矩形) -->
        <div id="u5663" class="ax_default _形状">
          <div id="u5663_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u5664" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u5665" class="ax_default box_2">
          <img id="u5665_img" class="img " src="images/登录页面_注册页面/u802.png"/>
          <!-- Unnamed () -->
          <div id="u5666" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u5667" class="ax_default _文本段落1">
          <div id="u5667_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u5668" class="text">
            <p><span>主题</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u5669" class="ax_default _图片">
          <img id="u5669_img" class="img " src="images/登录页面_注册页面/u839.png"/>
          <!-- Unnamed () -->
          <div id="u5670" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u5671" class="ax_default">
        <div id="u5671_state0" class="panel_state" data-label="State1">
          <div id="u5671_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u5672" class="ax_default box_2">
              <div id="u5672_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u5673" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5674" class="ax_default _三级标题">
              <div id="u5674_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u5675" class="text">
                <p><span>纯色主题</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5676" class="ax_default box_1">
              <div id="u5676_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u5677" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5678" class="ax_default box_1">
              <div id="u5678_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u5679" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5680" class="ax_default box_1">
              <div id="u5680_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u5681" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5682" class="ax_default box_1">
              <div id="u5682_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u5683" class="text">
                <p><span>默认</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5684" class="ax_default label">
              <div id="u5684_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u5685" class="text">
                <p><span>黑色</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5686" class="ax_default label">
              <div id="u5686_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u5687" class="text">
                <p><span>白色</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5688" class="ax_default label">
              <div id="u5688_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u5689" class="text">
                <p><span>蓝色</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5690" class="ax_default label">
              <div id="u5690_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u5691" class="text">
                <p><span>米色</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5692" class="ax_default _三级标题">
              <div id="u5692_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u5693" class="text">
                <p><span>会员主题</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5694" class="ax_default box_1">
              <div id="u5694_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u5695" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5696" class="ax_default box_1">
              <div id="u5696_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u5697" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5698" class="ax_default box_1">
              <div id="u5698_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u5699" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5700" class="ax_default box_1">
              <div id="u5700_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u5701" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5702" class="ax_default box_1">
              <div id="u5702_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u5703" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5704" class="ax_default box_1">
              <div id="u5704_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u5705" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u5706" class="ax_default _图片">
              <img id="u5706_img" class="img " src="images/主题/u5706.png"/>
              <!-- Unnamed () -->
              <div id="u5707" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u5708" class="ax_default _图片">
              <img id="u5708_img" class="img " src="images/主题/u5706.png"/>
              <!-- Unnamed () -->
              <div id="u5709" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u5710" class="ax_default _图片">
              <img id="u5710_img" class="img " src="images/主题/u5706.png"/>
              <!-- Unnamed () -->
              <div id="u5711" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u5712" class="ax_default _图片">
              <img id="u5712_img" class="img " src="images/主题/u5706.png"/>
              <!-- Unnamed () -->
              <div id="u5713" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u5714" class="ax_default _图片">
              <img id="u5714_img" class="img " src="images/主题/u5706.png"/>
              <!-- Unnamed () -->
              <div id="u5715" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u5716" class="ax_default _图片">
              <img id="u5716_img" class="img " src="images/主题/u5706.png"/>
              <!-- Unnamed () -->
              <div id="u5717" class="text" style="display:none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- 主题选择 (组合) -->
            <div id="u5718" class="ax_default ax_default_hidden" data-label="主题选择" style="display:none; visibility: hidden" data-width="0" data-height="0">

              <!-- Unnamed (矩形) -->
              <div id="u5719" class="ax_default box_1">
                <div id="u5719_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u5720" class="text" style="display:none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u5721" class="ax_default label">
                <div id="u5721_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u5722" class="text">
                  <p><span>是否使用时间碎片兑换该主题？</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u5723" class="ax_default label">
                <div id="u5723_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u5724" class="text">
                  <p><span>选择后，将会扣除50时间碎片</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u5725" class="ax_default label">
                <div id="u5725_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u5726" class="text">
                  <p><span>扣除后将可以永久使用</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u5727" class="ax_default label">
                <div id="u5727_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u5728" class="text">
                  <p><span>手滑了</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u5729" class="ax_default label">
                <div id="u5729_div" class=""></div>
                <!-- Unnamed () -->
                <div id="u5730" class="text">
                  <p><span>确定</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5731" class="ax_default _三级标题">
              <div id="u5731_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u5732" class="text">
                <p><span>会员自定义主题</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5733" class="ax_default box_1">
              <div id="u5733_div" class=""></div>
              <!-- Unnamed () -->
              <div id="u5734" class="text">
                <p><span>上传图片</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5735" class="ax_default box_1">
        <div id="u5735_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u5736" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5737" class="ax_default _三级标题">
        <div id="u5737_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u5738" class="text">
          <p><span>前端产品与CMS产品交互性（1）</span></p><p><span>主题：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5739" class="ax_default label">
        <div id="u5739_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u5740" class="text">
          <p><span>设计人员（cms其中一个角色）在cms后台设置不同样式／风格的主题供使用者更换。</span></p><p><span><br></span></p><p><span>会员：身份为会员的使用者可以任意更换主题，不受限制；还可以自主上传背景图片。点击上传，跳转使用者手机相册。</span></p><p><span><br></span></p><p><span>设计人员在后台接受到会员上传的背景图片，该图片会被自动存放进媒体库。</span></p><p><span><br></span></p><p><span>非会员：身份为非会员的使用者只能更换几个基础款的样式。非会员使用者点击想要更换的主题后，页面出现弹框，再次询问使用者是否使用时间碎片兑换该主题。</span></p><p><span><br></span></p><p><span>点击“确认”后，即可更换主题。</span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u5741" class="ax_default _图片">
        <img id="u5741_img" class="img " src="images/主题/u5741.png"/>
        <!-- Unnamed () -->
        <div id="u5742" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u5743" class="ax_default _图片">
        <img id="u5743_img" class="img " src="images/主题/u5743.png"/>
        <!-- Unnamed () -->
        <div id="u5744" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u5745" class="ax_default _图片">
        <img id="u5745_img" class="img " src="images/主题/u5745.png"/>
        <!-- Unnamed () -->
        <div id="u5746" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u5747" class="ax_default image">
        <img id="u5747_img" class="img " src="images/图例/u110.png"/>
        <!-- Unnamed () -->
        <div id="u5748" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u5749" class="ax_default _文本段落" data-label="Header 2">
        <div id="u5749_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u5750" class="text">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u5751" class="ax_default" data-width="430" data-height="13">

        <!-- Unnamed (水平线) -->
        <div id="u5752" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="422" CompoundMode="true">
          <img id="u5752_img" class="singleImg img " src="images/主题/u5752.png"/>
          <div id="u5752p000" class="ax_vector_shape" WidgetTopLeftX="-0.495305164319249" WidgetTopLeftY="0" WidgetTopRightX="0.495305164319249" WidgetTopRightY="0" WidgetBottomLeftX="-0.495305164319249" WidgetBottomLeftY="0.25" WidgetBottomRightX="0.495305164319249" WidgetBottomRightY="0.25">
            <img id="u5752p000_img" class="img " src="images/主题/u5752p000.png"/>
          </div>
          <div id="u5752p001" class="ax_vector_shape" WidgetTopLeftX="-20.9" WidgetTopLeftY="0" WidgetTopRightX="0.2" WidgetTopRightY="0" WidgetBottomLeftX="-20.9" WidgetBottomLeftY="0.05" WidgetBottomRightX="0.2" WidgetBottomRightY="0.05">
            <img id="u5752p001_img" class="img " src="images/主题/u5752p001.png"/>
          </div>
          <!-- Unnamed () -->
          <div id="u5753" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u5754" class="ax_default _形状1">
          <div id="u5754_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u5755" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5756" class="ax_default label">
        <div id="u5756_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u5757" class="text">
          <p><span>兑换主题</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u5758" class="ax_default" data-width="250" data-height="13">

        <!-- Unnamed (水平线) -->
        <div id="u5759" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="245" CompoundMode="true">
          <img id="u5759_img" class="singleImg img " src="images/4_3_3公益捐赠/u5543.png"/>
          <div id="u5759p000" class="ax_vector_shape" WidgetTopLeftX="-0.495967741935484" WidgetTopLeftY="0" WidgetTopRightX="0.491935483870968" WidgetTopRightY="0" WidgetBottomLeftX="-0.495967741935484" WidgetBottomLeftY="0.25" WidgetBottomRightX="0.491935483870968" WidgetBottomRightY="0.25">
            <img id="u5759p000_img" class="img " src="images/主题/u5759p000.png"/>
          </div>
          <div id="u5759p001" class="ax_vector_shape" WidgetTopLeftX="-12.05" WidgetTopLeftY="0" WidgetTopRightX="0.2" WidgetTopRightY="0" WidgetBottomLeftX="-12.05" WidgetBottomLeftY="0.05" WidgetBottomRightX="0.2" WidgetBottomRightY="0.05">
            <img id="u5759p001_img" class="img " src="images/主题/u5759p001.png"/>
          </div>
          <!-- Unnamed () -->
          <div id="u5760" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u5761" class="ax_default _形状1">
          <div id="u5761_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u5762" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u5763" class="ax_default image">
        <img id="u5763_img" class="img " src="images/图例/u110.png"/>
        <!-- Unnamed () -->
        <div id="u5764" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u5765" class="ax_default _文本段落" data-label="Header 2">
        <div id="u5765_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u5766" class="text">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5767" class="ax_default label">
        <div id="u5767_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u5768" class="text">
          <p><span>主题马上切换</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
